<div class="row" *ngIf="isCompleted">
  <ng-tools-alert #alert [options]="alterOption"></ng-tools-alert>
  <div class="col-6">
    <div class="card menu-card">
      <div class="card-header p-2 font-weight-bold">
        <span class="fa fa-fw fa-info-circle"></span>机器人列表
      </div>
      <div class="card-body">
        <button class="btn btn-sm btn-teal mb-1" (click)="chooseAll()">全选</button>
        <div class="custom-control custom-checkbox" *ngFor="let robot of allRobots">
          <input type="checkbox" class="custom-control-input" id="robot{{robot.userUid}}"
                 (change)="change($event, robot)" [checked]="addRobot.indexOf(robot.userUid) !== -1">
          <label class="custom-control-label"
                 for="robot{{robot.userUid}}">
            {{ robot.nickName }}
          </label>
        </div>
        <div class="float-left mt-2 mb-2 ml-2">
          <button class="btn btn-sm btn-teal" (click)="previousPage()">上一页</button>
        </div>

        <div class="float-right mt-2 mb-2 mr-2">
          <button class="btn btn-sm btn-teal" (click)="nextPage()">下一页</button>
        </div>
      </div>
    </div>
  </div>
  <div class="col-6">
    <div class="card interface-card">
      <div class="card-header p-2 font-weight-bold">
        <span class="fa fa-fw fa-info-circle"></span>已选机器人列表
      </div>
      <div class="card-body">
        <div class="custom-control custom-checkbox" *ngFor="let item of choosedRobot">
          <input type="checkbox" class="custom-control-input" id="chooseRobot{{item.userUid}}"
                 [checked]="true">
          <label class="custom-control-label"
                 for="chooseRobot{{item.userUid}}">
            {{ item.nickName }}
          </label>
        </div>
        <div class="float-left mt-2 mb-2 ml-2">
          <button class="btn btn-sm btn-teal" (click)="previousGroupPage()">上一页</button>
        </div>
        <div class="float-right mt-2 mb-2 mr-2">
          <button class="btn btn-sm btn-teal" (click)="nextGroupPage()">下一页</button>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row mt-3">
  <div class="col-12 text-center">
    <button class="btn btn-sm btn-teal w-50" (click)="addToGreoup()">
      保存信息
    </button>
  </div>
</div>
